<template>
  <Row
    style="padding:20px 13% 10px"
    class="footer"
  >
    <Col span="10">
    <dl>
      <dd>
        <img src="../assets/footerLg.png" alt="" srcset="">
      </dd>
      <dd class="first-font">关于我们</dd>
      <dd>地址：北京市昌平区平西王府平西王府平西王府</dd>
      <dd>电话：400-1100-2222</dd>
      <dd>邮箱：123456789@126.com</dd>
      <dd>传真：400-6666-1234</dd>
      <dd>
        <img src="../assets/ewm.jpg" alt="" srcset="" class="weixin"> 
      </dd>
    </dl>
    </Col>
    <Col span="14">
    <p class="suggestion">发表您的留言/建议：</p>
    <Form
      inline
      :label-width="80"
      label-position="left"
    >
      <FormItem label="姓名:">
        <Input v-model="value1"></Input>
      </FormItem>
      <FormItem label="邮箱:">
        <Input v-model="value2"></Input>
      </FormItem>
    </Form>
    <Form
      :label-width="80"
      label-position="left"
    >
      <FormItem label="内容:">
        <Input
          type="textarea"
          v-model="value3"
          :autosize="{minRows: 8,maxRows: 10}"
          placeholder="Enter something..."
        ></Input>
      </FormItem>
    </Form>
    <Button type="primary">提交留言</Button>
    </Col>
    <Col
        span="24"
        style="text-align:center"
      >
      <p>常州市世界贸易中心科技有限公司</p>
      <p>©2014-2016 sjq315.com . All Rights Reserved. 备案号：闽ICP备12016225号</p>
      </Col>
  </Row>
</template>

<script>
 export default {
        data () {
            return {
                value1: '',
                value2: '',
                value3: ''
            }
        }
    }
</script>

<style lang="less">
.footer {
  background: url("../assets/footerBg.jpg") no-repeat;
  background-size: 100% 100%;
  padding: 55px 0;
  dl {
    dd {
      margin-bottom: 25px;
      font-size: 20px;
      font-family: "Microsoft YaHei"
    }
    .first-font {
      font-size: 24px;
      font-weight: bold;
    }
  }
  .weixin {
    width: 180px;
    height: 185px;
  } 
  .suggestion {
    font: bold 24px/150px "Microsoft YaHei";
  }
  .ivu-form {
      .ivu-form-item-label {
        font: 20px "Microsoft YaHei";
      }
      .ivu-input {
        height: 45px;
        background-color: #6f8aa6;
        border: 1px solid #6f8aa6;
      }
    } 
    .ivu-btn-primary {
      margin-left: 80px;
      background-color: #5b84ac;
      border-color: #5b84ac;
    }
}
</style>